<!DOCTYPE html>
<html>
<head>
    <title>Welcome to CrowdFind</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="css/font.css"/>
    <link rel="stylesheet" href="css/normalize.css"/>
    <!--css plugin-->
    <link rel="stylesheet" href="css/owl.carousel.css"/>

    <link rel="stylesheet" href="css/style.css"/>
    <!--[if IE 9]>
    <link rel="stylesheet" href="css/ie9.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie8.css"/>
    <![endif]-->

    <link rel="stylesheet" href="css/res-menu.css"/>
    <link rel="stylesheet" href="css/responsive.css"/>


    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/owl.carousel.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

    <!--[if lte IE 9]>
    <script type="text/javascript" src="js/jquery.placeholder.js"></script>
    <script type="text/javascript" src="js/create.placeholder.js"></script>

    <![endif]-->

    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/ie8.js"></script>
    <![endif]-->


</head>
<body><!--<div class="alert_w_p_u"></div>-->
<div class="container-page">
    <div class="mp-pusher" id="mp-pusher">
        <header id="header" class="mod-header">
            <div class="grid_frame">
                <div class="container_grid clearfix">
                    <div class="grid_12">
                        <div id="sys_header_right" class="header-right">
                            <div class="account-panel">
                                <i id="sys_kick_panel" class="icon iUser"></i>
                                <div id="sys_dropdown_login" class="dropdown-login">
                                    <div class="login-panel">
                                        <div class="login-tab tabbable">
                                            <div class="tab-lbls clearfix">
                                                <a class="t-lbl active cl-trans" href="#">Login</a>
                                                <a class="t-lbl cl-trans" href="#">Sign up</a>
                                            </div>
                                            <div class="tab-content">
                                                <div class="tab-content-item active">
                                                    <form action="#">
                                                        <div class="form login-form">
                                                            <label class="lbl-txt" for="sys_txt_email_login">
                                                                <input id="sys_txt_email_login" class="txt" type="email" placeholder="username or email"/>
                                                            </label>
                                                            <label class="lbl-txt" for="sys_txt_pass_login">
                                                                <input id="sys_txt_pass_login" class="txt" type="password" placeholder="password"/>
                                                            </label>
                                                            <label class="wrap-check clearfix" for="sys_chk_remember">
                                                                <input id="sys_chk_remember" class="input-chk" type="checkbox"> Keep me logged  in
                                                                <i class="icon iUncheck2"></i>
                                                                <a class="lost-pass cl-trans" href="#">Forgot password ?</a>
                                                            </label>
                                                            <div class="login-authen clearfix">
                                                                <span class="social-open">
                                                                    Login with
                                                                    <a href="#"><i class="icon iFb-Sq"></i></a>
                                                                    <a href="#"><i class="icon iTw-Sq"></i></a>
                                                                    <a href="#"><i class="icon iGG-Sq"></i></a>
                                                                </span>
                                                                <button class="btn-submit" type="submit">Sign in</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="tab-content-item">
                                                    <form action="#">
                                                        <div class="form login-form">
                                                            <label class="lbl-txt" for="sys_txt_email_reg">
                                                                <input id="sys_txt_email_reg" class="txt" type="email" placeholder="username or email"/>
                                                            </label>
                                                            <label class="lbl-txt" for="sys_txt_pass_reg">
                                                                <input id="sys_txt_pass_reg" class="txt" type="password" placeholder="password"/>
                                                            </label>
                                                            <label class="wrap-check clearfix" for="sys_chk_news">
                                                                <input id="sys_chk_news" class="input-chk" type="checkbox"> Receive Newsletter weekly
                                                                <i class="icon iUncheck2"></i>
                                                            </label>
                                                            <div class="login-authen clearfix">
                                                                <span class="social-open">
                                                                    OR Sign up with
                                                                    <a href="#"><i class="icon iFb-Sq"></i></a>
                                                                    <a href="#"><i class="icon iTw-Sq"></i></a>
                                                                    <a href="#"><i class="icon iGG-Sq"></i></a>
                                                                </span>
                                                                <button class="btn-submit" type="submit">Sign in</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <i class="icon iClose-b"></i>
                                </div>
                            </div>
                            <div class="form-search">
                                <form action="#">
                                    <label for="sys_txt_keyword">
                                        <input id="sys_txt_keyword" class="txt-keyword" type="text"/>
                                    </label>
                                    <button class="btn-search" type="reset"><i class="icon iMagnifier"></i></button>
                                </form>
                            </div>
                        </div><!--end: .header-right-->
                        <div class="header-left">
                            <h1 id="logo">
                                <a href="index.html"><img src="images/logo.png" alt="$SITE_NAME"/></a>
                            </h1>
                            <nav class="main-nav clearfix">
                                <div class="nav-item has-sub">
                                    <a href="#" class="nav-link">
                                        <span class="nav-title cl-trans">Browse</span>
                                        <span class="nav-description cl-trans">more projects</span>
                                    </a>
                                    <div class="dropdown-cate">
                                        <div class="dropdown-content clearfix">
                                            <div class="left-cate">
                                                <ul class="rs lst-cate">
                                                    <li><a href="#">All</a><i style="background-color: #04D9D9"></i></li>
                                                    <li><a href="#">Art</a><i style="background-color: #04BF8A"></i></li>
                                                    <li><a href="#">Comics</a><i style="background-color: #04B2D9"></i></li>
                                                    <li><a href="#">Dance</a><i style="background-color: #0F9BF2"></i></li>
                                                    <li><a href="#">Design</a><i style="background-color: #054BA6"></i></li>
                                                    <li><a href="#">Fashion</a><i style="background-color: #CC1453"></i></li>
                                                    <li><a href="#">Film & Video</a><i style="background-color: #FC797A"></i></li>
                                                </ul>
                                                <ul class="rs lst-cate">
                                                    <li><a href="#">Food</a><i style="background-color: #F25D27"></i></li>
                                                    <li><a href="#">Games</a><i style="background-color: #A61F38"></i></li>
                                                    <li><a href="#">Music</a><i style="background-color: #E2509C"></i></li>
                                                    <li><a href="#">Photography</a><i style="background-color: #F2CA52"></i></li>
                                                    <li><a href="#">Publishing</a><i style="background-color: #A9D941"></i></li>
                                                    <li><a href="#">Technology</a><i style="background-color: #262626"></i></li>
                                                    <li><a href="#">Theater</a><i style="background-color: #660066"></i></li>
                                                </ul>
                                            </div>
                                            <div class="right-cate-info">
                                                <a href="#"><img src="images/cate-b-06.png" alt="$CATE_NAME"/></a>
                                                <p class="rs cate-name"><a href="#" class="cl-trans">Dance</a></p>
                                                <p class="rs cate-desc">Neque porro quisquam est qui dolorem.</p>
                                                <p class="rs"><a class="link-count cl-trans" href="#">120 projects</a></p>
                                                <p class="rs"><a class="link-count cl-trans" href="#">35 featured</a></p>
                                            </div>
                                        </div>
                                    </div><!--end: .dropdown-panel -->
                                </div>
                                <div class="nav-item">
                                    <a href="#" class="nav-link">
                                        <span class="nav-title cl-trans">Start</span>
                                        <span class="nav-description cl-trans">your project</span>
                                    </a>
                                </div>
                                <div class="nav-item">
                                    <a href="#" class="nav-link">
                                        <span class="nav-title cl-trans">About</span>
                                        <span class="nav-description cl-trans">crowdfunding</span>
                                    </a>
                                </div>
                                <div class="nav-item">
                                    <a href="#" class="nav-link">
                                        <span class="nav-title cl-trans">How</span>
                                        <span class="nav-description cl-trans">it works</span>
                                    </a>
                                </div>
                                <div class="nav-item">
                                    <a href="#" class="nav-link">
                                        <span class="nav-title cl-trans">Blog</span>
                                        <span class="nav-description cl-trans">case study</span>
                                    </a>
                                </div>
                            </nav>
                        </div><!--end: .header-left-->
                    </div>
                </div>
            </div>
        </header><!--end: #header -->
        <div class="mod-slide">
            <img class="img-slide" src="images/null.gif" alt="$SLIDE_NAME" style="background-image: url(images/ex/02-slide01.jpg)"/>
            <div class="slide-content grid_frame">
                <div class="container_grid clearfix">
                    <div class="grid_12">
                        <div class="txt-desc">
                            <p class="rs"><span class="desc-tit">Neque porro quisquam</span></p>
                            <p class="rs"><span class="desc-intro">qui dolorem ipsum quia dolor sit amet, consectetur</span></p>
                        </div>
                    </div>
                </div>
                <div class="slide-pagination">
                    <i class="active"></i>
                    <i></i>
                    <i></i>
                    <i></i>
                </div>
            </div>
        </div><!--end: .mod-slide-->
        <div class="mod-use-guide">
             <div class="grid_frame">
                 <div class="container_grid clearfix">
                     <div class="grid_12">
                         <div class="guide-steps clearfix">
                             <span class="sep icon iArrowNext-1"></span>
                             <div class="desc-step clearfix">
                                 <span class="step-num">1</span>
                                 <div class="m-space-num">
                                     <a class="cl-trans" href="#">Discover projects</a>
                                     <p class="rs desc-text">Neque porro quisquam</p>
                                 </div>
                             </div><!--end: .desc-step-->
                             <span class="sep icon iArrowNext-1"></span>
                             <div class="desc-step clearfix">
                                 <span class="step-num">2</span>
                                 <div class="m-space-num">
                                     <a class="cl-trans" href="#">Fund projects</a>
                                     <p class="rs desc-text">est qui dolorem ipsum</p>
                                 </div>
                             </div><!--end: .desc-step-->
                             <span class="sep icon iArrowNext-1"></span>
                             <div class="desc-step clearfix">
                                 <span class="step-num">3</span>
                                 <div class="m-space-num">
                                     <a class="cl-trans" href="#">Support projects</a>
                                     <p class="rs desc-text">quia dolor sit amet</p>
                                 </div>
                             </div><!--end: .desc-step-->
                             <span class="sep icon iArrowNext-1"></span>
                             <div class="desc-step clearfix">
                                 <span class="step-num">4</span>
                                 <div class="m-space-num">
                                     <a class="cl-trans" href="#">Receive gift</a>
                                     <p class="rs desc-text">consectetur</p>
                                 </div>
                             </div><!--end: .desc-step-->
                         </div>
                     </div>
                 </div>
             </div>
        </div><!--end: .mod-use-guide-->
        <div class="mod-carousel-project">
            <div class="grid_frame">
                <div class="container_grid clearfix">
                    <div class="grid_12 wrap-title">
                        <h3 class="title">Featured projects</h3>
                        <a class="view-all cl-trans" href="#">Show all 289 projects</a>
                    </div>
                </div>
            </div>
            <div class="wrap-carousel">
                <span class="btn-nav prev sys_btn_prev"><i class="icon iArrowPrev-2"></i></span>
                <span class="btn-nav next sys_btn_next"><i class="icon iArrowNext-2"></i></span>
                <div class="grid_frame">
                    <div class="container_grid clearfix">
                        <div class="sys_project_carousel owl-carousel">
                            <div class="project-item highlight">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-01.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-01.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Biology Toronto</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">John Doe</a></p>
                                            <p class="rs title-description">Twentybliss is a series of independently organised exhibitions where young creatives are able to share their ideas to the world.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 50%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">50%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$3.080</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">25</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-02.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-02.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">SEGA Mega Drive/Genesis: Collected Works</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Darren Wall</a></p>
                                            <p class="rs title-description">The ultimate retrospective of the SEGA Mega Drive/Genesis. A documentary art book by Read-Only Memory.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 80%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">80%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$25.000</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">14</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-03.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-03.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Music for future</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">50Cent</a></p>
                                            <p class="rs title-description"> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam magna velit, rhoncus at urn</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 59%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">59%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$1.200</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">9</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-04.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-04.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Fashion and me</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Victoria</a></p>
                                            <p class="rs title-description"> Integer sit amet purus hendrerit, porttitor ligula et, mollis est. Etiam odio est, pharetra non dui eu, blandit lacinia nunc. Proin vel pharetra lacus.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 41%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">41%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$500</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">11</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-02.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-02.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">SEGA Mega Drive/Genesis: Collected Works</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Darren Wall</a></p>
                                            <p class="rs title-description">The ultimate retrospective of the SEGA Mega Drive/Genesis. A documentary art book by Read-Only Memory.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 80%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">80%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$25.000</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">14</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-03.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-03.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Music for future</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">50Cent</a></p>
                                            <p class="rs title-description"> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam magna velit, rhoncus at urn</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 59%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">59%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$1.200</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">9</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-04.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-04.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Fashion and me</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Victoria</a></p>
                                            <p class="rs title-description"> Integer sit amet purus hendrerit, porttitor ligula et, mollis est. Etiam odio est, pharetra non dui eu, blandit lacinia nunc. Proin vel pharetra lacus.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 41%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">41%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$500</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">11</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                        </div>
                    </div>
                </div>
            </div>
        </div><!--end: .mod-carousel-project-->
        <div class="mod-carousel-project odd">
            <div class="grid_frame">
                <div class="container_grid clearfix">
                    <div class="grid_12 wrap-title">
                        <h3 class="title">Latest projects</h3>
                        <a class="view-all cl-trans" href="#">Show all 214 projects</a>
                    </div>
                </div>
            </div>
            <div class="wrap-carousel">
                <span class="btn-nav prev sys_btn_prev"><i class="icon iArrowPrev-2"></i></span>
                <span class="btn-nav next sys_btn_next"><i class="icon iArrowNext-2"></i></span>
                <div class="grid_frame">
                    <div class="container_grid clearfix">
                        <div class="sys_project_carousel owl-carousel">
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-01.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-01.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Biology Toronto</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">John Doe</a></p>
                                            <p class="rs title-description">Twentybliss is a series of independently organised exhibitions where young creatives are able to share their ideas to the world.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 50%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">50%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$3.080</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">25</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-02.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-02.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">SEGA Mega Drive/Genesis: Collected Works</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Darren Wall</a></p>
                                            <p class="rs title-description">The ultimate retrospective of the SEGA Mega Drive/Genesis. A documentary art book by Read-Only Memory.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 80%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">80%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$25.000</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">14</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-03.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-03.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Music for future</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">50Cent</a></p>
                                            <p class="rs title-description"> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam magna velit, rhoncus at urn</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 59%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">59%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$1.200</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">9</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-04.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-04.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Fashion and me</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Victoria</a></p>
                                            <p class="rs title-description"> Integer sit amet purus hendrerit, porttitor ligula et, mollis est. Etiam odio est, pharetra non dui eu, blandit lacinia nunc. Proin vel pharetra lacus.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 41%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">41%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$500</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">11</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-02.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-02.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">SEGA Mega Drive/Genesis: Collected Works</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Darren Wall</a></p>
                                            <p class="rs title-description">The ultimate retrospective of the SEGA Mega Drive/Genesis. A documentary art book by Read-Only Memory.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 80%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">80%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$25.000</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">14</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-03.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-03.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Music for future</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">50Cent</a></p>
                                            <p class="rs title-description"> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam magna velit, rhoncus at urn</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 59%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">59%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$1.200</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">9</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                            <div class="project-item">
                                <div class="project-content">
                                    <a href="#" class="thumb-img">
                                        <img src="images/ex/02-04.jpg" alt="$TITLE">
                                    </a>
                                    <div class="wrap-maincontent">
                                        <img class="icon-cate" src="images/cate-04.png" alt="$CATE_NAME"/>
                                        <div class="wrap-short-detail">
                                            <h3 class="rs acticle-title"><a class="cl-trans" href="#">Fashion and me</a></h3>
                                            <p class="rs tiny-desc">by <a href="#" class="user-post">Victoria</a></p>
                                            <p class="rs title-description"> Integer sit amet purus hendrerit, porttitor ligula et, mollis est. Etiam odio est, pharetra non dui eu, blandit lacinia nunc. Proin vel pharetra lacus.</p>
                                        </div>
                                        <div class="bottom-project-info clearfix">
                                            <div class="line-progress">
                                                <div class="bg-progress">
                                                    <span style="width: 41%"></span>
                                                </div>
                                            </div>
                                            <div class="group-fee clearfix">
                                                <div class="fee-item funded">
                                                    <span class="val">41%</span>
                                                    <p class="rs lbl">Funded</p>
                                                </div>
                                                <div class="fee-item pledged">
                                                    <span class="val">$500</span>
                                                    <p class="rs lbl">Pledged</p>
                                                </div>
                                                <div class="fee-item dayleft">
                                                    <span class="val">11</span>
                                                    <p class="rs lbl">Days Left</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--end: .project-item-->
                        </div>
                    </div>
                </div>
            </div>
        </div><!--end: .mod-carousel-project-->
        <div class="mod-update-project">
            <div class="grid_frame">
                <div class="container_grid">
                    <div class="block clearfix">
                        <div class="title grid_12">
                            <h3>Latest Updates</h3>
                            <a href="#" class="more cl-trans">Load more update</a>
                        </div>
                        <div class="clear"></div>
                        <div class="block-content clearfix">
                            <div class="grid_4 project-update-item flex highlight">
                                <a href="#" class="thumb-left"><img src="images/ex/02-05.jpg" alt="$TITLE"/></a>
                                <div class="flex-body right-item">
                                    <div class="top-info">
                                        <span class="update-order">Update #02</span>
                                        <p class="rs desc-update">Nunc euismod dictum libero, a porta tortor posuere at. </p>
                                    </div>
                                    <a href="#" class="view-detail be-green cl-trans">view project</a>
                                </div>
                            </div><!--end: .project-update-item-->
                            <div class="grid_4 project-update-item flex">
                                <a href="#" class="thumb-left"><img src="images/ex/02-06.jpg" alt="$TITLE"/></a>
                                <div class="flex-body right-item">
                                    <div class="top-info">
                                        <span class="update-order">Update #01</span>
                                        <p class="rs desc-update">Integer ut nisl eu mi aliquet tincidunt sit amet at mi.</p>
                                    </div>
                                    <a href="#" class="view-detail be-green cl-trans">view project</a>
                                </div>
                            </div><!--end: .project-update-item-->
                            <div class="grid_4 project-update-item flex">
                                <a href="#" class="thumb-left"><img src="images/ex/02-07.jpg" alt="$TITLE"/></a>
                                <div class="flex-body right-item">
                                    <div class="top-info">
                                        <span class="update-order">Update #05</span>
                                        <p class="rs desc-update"> Nullam magna velit, rhoncus at urna et, dapibus volutpat elit.</p>
                                    </div>
                                    <a href="#" class="view-detail be-green cl-trans">view project</a>
                                </div>
                            </div><!--end: .project-update-item-->
                        </div>
                    </div>
                </div>
            </div>
        </div><!--end: .mod-update-project -->
        <div class="mod-discover" style="background: url(images/ex/02-08.jpg);">
            <div class="over-content">
                <div class="grid_frame">
                    <div class="container_grid">
                        <div class="grid_9">
                            <div class="wrap-txt">
                                <div class="center-txt">
                                    <h2 class="rs head-line">Open Your World With Us !</h2>
                                    <h5 class="rs desc">Vestibulum ante quam, congue non felis ac, mollis ultricies mi. Ut sodales, ipsum eget molestie sodales, neque libero hendrerit nunc, nec adipiscing libero mi ac elit.</h5>
                                    <p class="rs">
                                        <a href="#" class="btn-link">Start new Project</a><a href="#" class="btn-link">Begin Discovering</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div><!--end: .mod-discover-->
        <div class="mod-partner">
            <div class="grid_frame">
                <div class="container_grid clearfix">
                    <div class="grid_4 partner-item">
                        <div class="logo-partner"><img src="images/ex/02-09.png" alt="$PARTNER_NAME"/></div>
                        <p class="rs p-quote">“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar metus vitae semper rhoncus.” </p>
                    </div>
                    <div class="grid_4 partner-item">
                        <div class="logo-partner"><img src="images/ex/02-10.png" alt="$PARTNER_NAME"/></div>
                        <p class="rs p-quote">“ Nullam magna velit, rhoncus at urna et, dapibus volutpat elit. Nulla nec mauris fringilla, imperdiet lorem eu, fermentum eros.” </p>
                    </div>
                    <div class="grid_4 partner-item">
                        <div class="logo-partner"><img src="images/ex/02-11.png" alt="$PARTNER_NAME"/></div>
                        <p class="rs p-quote">“ Proin lorem lorem, lacinia eu massa vel, tempus condimentum quam. Mauris nec cursus ipsum.” </p>
                    </div>
                </div>
            </div>
        </div><!--end: .mod-partner-->
        <footer class="mod-footer">
            <div class="foot-top">
                <div class="grid_frame">
                    <div class="container_grid clearfix">
                        <div class="grid_3 foot-block foot-cate">
                            <h4 class="title rs">Categories</h4>
                            <div class="block-content">
                                <div class="col">
                                    <p class="rs"><a href="#">All</a></p>
                                    <p class="rs"><a href="#">Art</a></p>
                                    <p class="rs"><a href="#">Comics</a></p>
                                    <p class="rs"><a href="#">Dance</a></p>
                                    <p class="rs"><a href="#">Design</a></p>
                                    <p class="rs"><a href="#">Fashion</a></p>
                                    <p class="rs"><a href="#">Film & Video</a></p>
                                </div>
                                <div class="col">
                                    <p class="rs"><a href="#">Food</a></p>
                                    <p class="rs"><a href="#">Games</a></p>
                                    <p class="rs"><a href="#">Music</a></p>
                                    <p class="rs"><a href="#">Photography</a></p>
                                    <p class="rs"><a href="#">Publishing</a></p>
                                    <p class="rs"><a href="#">Technology</a></p>
                                    <p class="rs"><a href="#">Theater</a></p>
                                </div>
                            </div>
                        </div><!--end: .foot-cate-->
                        <div class="grid_3 foot-block foot-about">
                            <h4 class="title rs">About CF</h4>
                            <div class="block-content">
                                <p class="rs"><a href="#">What is Crowdfind?</a></p>
                                <p class="rs"><a href="#">Project Guidelines</a></p>
                                <p class="rs"><a href="#">Meet our team</a></p>
                                <p class="rs"><a href="#">Work at CF</a></p>
                                <p class="rs"><a href="#">Press</a></p>
                                <p class="rs"><a href="#">Stats</a></p>
                                <p class="rs"><a href="#">Best of Crowdfind 2012</a></p>
                            </div>
                        </div><!--end: .foot-about-->
                        <div class="grid_3">
                            <div class="foot-block foot-help">
                                <h4 class="title rs">Help and Support</h4>
                                <div class="block-content">
                                    <p class="rs"><a href="#">Knowledgebase</a></p>
                                    <p class="rs"><a href="#">Contact Support</a></p>
                                    <p class="rs"><a href="#">About  CF</a></p>
                                </div>
                            </div><!--end: .foot-help-->
                            <div class="foot-block foot-create">
                                <h4 class="title rs">Create</h4>
                                <div class="block-content">
                                    <p class="rs"><a href="#">Start a project</a></p>
                                    <p class="rs"><a href="#">CF School</a></p>
                                    <p class="rs"><a href="#">Creator Questions</a></p>
                                    <p class="rs"><a href="#">Project Guidelines</a></p>
                                </div>
                            </div><!--end: .foot-create-->
                        </div>
                        <div class="grid_3 foot-block foot-social">
                            <h4 class="title rs">Social Connect</h4>
                            <div class="block-content">
                                <p class="rs wrap-link clearfix">
                                    <a href="#"><i class="icon iTw"></i></a>
                                    <a href="#"><i class="icon iGG"></i></a>
                                    <a href="#"><i class="icon iPin"></i></a>
                                    <a href="#"><i class="icon iFb"></i></a>
                                </p>
                                <div>
                                    <div class="site-counter">
                                        <span class="val">$200,092,091</span>
                                        <p class="rs lbl">total funded</p>
                                    </div>
                                    <div class="site-counter">
                                        <span class="val">690 Projects</span>
                                        <p class="rs lbl">successed</p>
                                    </div>
                                </div>
                            </div>
                        </div><!--end: .foot-social-->
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="grid_frame">
                    <div class="container_grid clearfix">
                        <h2 class="grid_3 rs foot-logo"><a href="index.html"><img src="images/logo.png" alt="CrowdFind"/></a></h2>
                        <div class="grid_3 make-right site-rules">
                            <a href="#" class="cl-trans">Terms</a>
                            <a href="#" class="cl-trans">Privacy</a>
                            <a href="#" class="cl-trans">Copyright</a>
                            <a href="#" class="cl-trans">FAQ</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--end: mod-footer-->
    </div>
</div>

</body>
</html>